<!DOCTYPE html>
<html lang="en">
    <head>
        <title>Form</title>
    </head>
    <body>
        <form>     <! placeholder指默认的提示文字，name指返回给服务器的这个对象的名字>
            <div>
            <input name="name" type="text" placeholder="Full name" >
            <input name="password" type="password" placeholder="Password">
            <input type="submit">
            </div>

            <div>
                Favorite color?
                <input name="color" type="radio" value="red">Red
                <input name="color" type="radio" value="green">Green
                <input name="color" type="radio" value="blue">Blue
                <input name="color" type="radio" value="other">Other 
            </div>


            <!Data list>
            <div>
                <input name="country" list="countries" placeholder="Country">
                <datalist id="countries">
                    <option value="America">
                    <option value="China">
                    </option>
                    </option>
                </datalist>
            </div>
        </form>
    </body>
</html>